<template>
     <header class="header">
            <div class="ceilBox">
                <div class="ceil wrap clearfix">
                   <!--  <div class="tzSlogan">
                        <span>集设网用户交流群 <a href="https://jq.qq.com/?_wv=1027&k=5bQRL7I" target="_blank">644602905</a></span>
                    </div> -->
                    <div class="jsLogo">
                        <router-link to="/" class="refIndex"></router-link>
                    </div>
                    <search></search>
                    <div class="headNav">
                        <ul class="navList">
                            <li>
                                <router-link to="/uploadIndex"><i class="uploadImg"></i> </router-link>
                                <!-- <span @click="loginConfirm('uploadIndex')"><i class="iconfont icon-shangchuan1 uploadImg"></i> 素材上传</span> -->
                            </li>
                            <li>
                                <router-link to="/recharge" target="_blank"> <i class="moneyCenter"></i></router-link>
                                <!-- <span @click="loginConfirm('Recharge')"> <i class="iconfont icon-huiyuan moneyCenter"></i>充值中心</span> -->
                            </li>
                            <!-- <li>
                                <router-link to="/aboutTz">关于我们</router-link>
                            </li> -->
                        </ul>
                        <login-register></login-register>
                        
                    </div>
                </div>
                </div>
                
        </header>
</template>
<script>

import jwtToken from '../../helpers/jwt'
import { ErrorBag } from 'vee-validate';
export default {
    name:"searchTitle",
    data(){
        return {
            msg : "搜索输入框"
        }
        
    },
    components:{
        search : resolve => require(["../search/search"], resolve),//搜索组件
        loginRegister : resolve => require(["../loginRegister"], resolve),//登录注册
    }
}
</script>
<style scope>
.sTitleBox{
    background-color: #fff;
        border-bottom: 1px solid #dddddd;
}

.sTitle{
    height: 71px;
    padding-top: 15px;
}
.sTitle img{
    floaT: left;
    /* margin-top: 5px; */
    margin-right: 160px;
}

.sTitle .tzSearch,.sTitle .headInfo{
    float: left!important;
    width: 640px;
    height: 42px;
    padding: 0;
}
.sRight{
    float: right;

}
.sRightUpload a{
    color: #808787;
}
.sRight span{
    float: left;
    font-size: 14px;
    line-height: 30px;
    /* color: #808787; */
    margin-right: 23px;
}
.sRight .userNameInfo{
    font-size: 12px;

}
.sRight span i{
    display: inline-block;
    font-size: 16px;
    /* line-height: 32px; */
    margin-right: 10px;
    /* color: #666666; */
    /* font-weight: bold; */
    vertical-align: middle;
}
.sRight img{
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin: 0;
}
.srightLogin{
    float: right;
}
.srightLogin span{
    max-width: 70px;
    min-width:70px;
    /* float: right; */
    background-position: center right;
    margin-right: 0;
    margin-left: 10px;
}
.sRightUpload{
    float: left;
}
.sTitleBox .userInfo{
    width: 110px;
}
</style>